<template>
  <div style="position:relative;width: 70%;left: 15%;padding-top: 30px;">
    <el-row :gutter="20" style="margin-bottom: 20px;">
      <el-col :span="18">
        <div>
          <CompanyCards v-if="company"></CompanyCards>
          <JobInfoCards v-if="jobInfo"></JobInfoCards>
        </div>
      </el-col>
      <el-col :span="6">
        <MoreWarning></MoreWarning>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import CompanyCards from './CompanyCards'
import JobInfoCards from './JobInfoCards'
import MoreWarning from './MoreWarning'

export default {
  name: 'index',
  components:{CompanyCards,JobInfoCards,MoreWarning},

  props:['company','jobInfo']
}
</script>

<style scoped>

</style>
